﻿<!DOCTYPE html>
<html>
<head> 
	<title>自动化运维平台</title>
    {% load staticfiles %}
	<meta charset='utf-8'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- 引入 Bootstrap -->
      <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}" rel="stylesheet">
      <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap-treeview.min.css' %}" rel="stylesheet">
	  <link href="{% static 'user/css/user1.css' %}" rel="stylesheet">
	  <link href="{% static 'dist/css/bootstrap-select.css' %}" rel="stylesheet">

      <link href="{% static 'user/css/userManage.css' %}" rel="stylesheet">
      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
	
</head>
<body>

<div class="container-fluid">

	<!--最顶部导航栏 -->
	<div class="row clearfix">
		<div class="col-md-12 column">
			<nav class="navbar navbar-default" role="navigation">
				<div class="navbar-header">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#"><strong>自动化运维平台</strong></a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li>
							 <a href="#">你好，admin{{loginUser}}</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">个人设置<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									 <a href="/admin/password_change/">修改密码</a>
								</li>
								<li>
									 <a href="/logout/">退出</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</div>

	<!--中间左侧菜单栏和右侧主要内容区，网格分别为2和10 -->
	<div class="row clearfix">
		<div class="col-md-2 column">
			<div class="list-group">
                {% for menu in leftMenuBtns %}
<<<<<<< HEAD
                    {% if menu.isdefault == 1  %}
=======
                    {% if menu.isdefault == '1'  %}
>>>>>>> 03b0cbb3079f9b560266e5d23952e075f9348e64
                        <a href="{{ menu.url }}" class="list-group-item active"/><span class="{{ menu.classStyle }}">&nbsp;{{ menu.roleName }}</span></a>
                    {% else %}
                        <a href="{{ menu.url }}" class="list-group-item"/><span class="{{ menu.classStyle }}">&nbsp;{{ menu.roleName }}</span></a>
                    {% endif %}
                {% endfor %}
			</div>
			
		</div>

		<div class="col-md-10 column user-center-div-col-md-10">
		{% block content %}
    	{% endblock content %}
		</div>
	</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="wrongpwd-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					提示
				</h4>
			</div>
			<div class="modal-body" id="wrongpwd-modal-body"></div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" data-dismiss="modal">确定
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

	<!--底部部分 -->	
	<div class="row clearfix user-bottom-div">
		<p><strong>自动化运维平台.</strong>&nbsp; Developed by OP.</p>
	</div>
</div>
	<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery，务必先引入jquery js再引入bootstrap js) -->
	<script src="{% static 'jquery/jquery.min.js' %}"></script>
	<!-- 包括所有已编译的插件 -->
	<script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap-treeview.min.js' %}"></script>
    <script src="{% static 'dist/js/bootstrap-select.js' %}"></script>
    <script src="{% static 'user/js/loginAction.js' %}"></script>
</body>

</html>
